{% extends './base.html' %}
{% block right %}
<h2>一、HTML介绍</h2>
<h3>1、HTML的介绍</h3>
<h4>HTML:Hyper Text Markup Language（超文本标记语言）</h4>
<h3>2、HTML的语法</h3>
<h4>双标签：&lt;标签名&gt;&lt;/标签名&gt;</h4>
<h4>单标签：&lt;标签名/&gt;</h4>
<h3>3、HTML的元素和属性</h3>
<h4>&lt;标签名 属性名=属性值&gt;元素&lt;/标签名&gt;</h4>
<h4>&lt;标签名属性名=属性值/&gt;</h4>
<h2>二、HTML结构</h2>
<h3>
    <p>&lt;!DOCTYPE html&gt;&nbsp;&nbsp;&rArr;&rArr;&rArr;文件为html文件</p>
    <p>&lt;html lang="en"&gt;&nbsp;&nbsp;&rArr;&rArr;&rArr;语言类型：英语</p>
    <p>&lt;head&gt;&lt;/head&gt;&nbsp;&nbsp;&nbsp;&nbsp;&rArr;&rArr;&rArr;头
    <p>&lt;body&gt;&lt;/body&gt;&nbsp;&nbsp;&nbsp;&nbsp;&rArr;&rArr;&rArr;主体
    <p>&lt;/html&gt;</p>
</h3>
<h2>三、HTML常用标签</h2>
<table border = '1' align="center">
    <tr>
        <th>序号</th>
        <th>标签</th>
        <th>介绍</th>
    </tr>
    {% for tag_info in tag_infos %}
    <tr>
        <td>{{ tag_info.id }}</td>
        <td>{{ tag_info.tag }}</td>
        <td><a href="tag" >{{ tag_info.example }}</a></td>
    </tr>
    {% endfor %}
</table>
{% endblock %}
